﻿body
{
	font-family: Segoe UI;
	background:#C1C1C1 url(images/body.jpg) repeat-x fixed center top;
	margin: -1px 0px 0px 0px;
	padding: 0px;
}

H1
{
	margin: 5px 0 0 10px ;
	color:White;
	font-family:Segoe UI;
	font-size:18pt;
}
	
.mainContainer
{
	margin:0 0 0 0;
	padding:0;
	background-color: white;
	background: white url(images/vosHeader.jpg) no-repeat;
	margin:auto;
	text-align:left;
	width:800px;
	vertical-align:top;
}

.leftPanel
{
	width:10%;
}

.contentArea
{
	width:80%;
	margin: 5px 0 0 5px;
	vertical-align:top;
	height:600px;
}

.rightPanel
{
	width:10%;
	vertical-align:top;
	padding-top:35px;
}

.header
{
	height: 160px;
	background: transparent url(images/vosHeader2.jpg) ;
}


.footer
{	
	color: #DDD;
	text-align:center;
	font-size:8pt;
	background: #000000;
	height:30px;
}

.updateProgress
{
	position:absolute;
	left:40%;
	top:50%;
	border: solid 1px silver;
	text-align:center;
	vertical-align:middle;
	height:23px;
	width:105px;
	background-color: whitesmoke;
	padding-top:5px;
}
	
.updateProgressImage
{
	vertical-align:middle;
	border: none;
	height:16px;
	width:16px;
}

.updateProgressLabel
{
	margin-top:-10px;
	margin-left:5px;
	padding-right:5px;	
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

ul#menu
{
	font-size:10pt;
	float: left;
	width: 60%;
	color: #DDD;
    background: #363636 url(Images/menuBk.png)
    
    }
    
#menu,#menu li
{
	margin: 0;
	padding: 0;
	list-style-type: none
	}
	
#menu li,#menu a, #menu span
{
	float: left;
	height: 35px;
	line-height: 35px}
	
#menu a
{
	text-decoration: none;
	color: #DDD;
	padding-left: 15px}
	
#menu span
{
	padding-right: 15px;
	cursor: pointer}
	
#menu a:hover
{
	background: url(Images/vistaBk.png) top left;
	color: #EEE}
	
#menu a:hover span
{
	background: url(Images/vistaBk.png) top right}
	
#menu .current a
{
	background: url(Images/vistaBk.png) bottom left;
	color: #FFF;
	}
	
#menu .current span
{
	background: url(Images/vistaBk.png) bottom right}